<div id="header">
    <!-- logo -->
    <div id="logo">
        <h1><a href="" title="Smooth Admin"><img src="${resource(dir:'/')}resources/images/logo.png" alt="Smooth Admin" /></a></h1>
    </div>
    <!-- end logo -->
    <!-- user -->
    <ul id="user">
        <li class="first"><a href="">Account</a></li>
        <li><a href="">Messages (0)</a></li>
        <li><a href="">Logout</a></li>
        <li class="highlight last"><a href="">View Site</a></li>
    </ul>
    <!-- end user -->
    <div id="header-inner">
        <div id="home">
            <a href="" title="Home"></a>
        </div>
        <!-- quick -->
        <ul id="quick">
            <li>
                <a href="#" title="Products"><span class="normal">Examples</span></a>
                <ul>
                    <li><a href="index.html">Full, Column</a></li>
                    <li><a href="index-no-column.html">Full, No Column</a></li>
                    <li><a href="index-fixed.html">Fixed, Column</a></li>
                    <li class="last"><a href="index-fixed-no-column.html">Fixed, No Column</a></li>
                </ul>
            </li>
            <li>
                <a href="#" title="Products"><span class="icon"><img src="${resource(dir:'/')}resources/images/icons/application_double.png" alt="Products" /></span><span>Products</span></a>
                <ul>
                    <li><a href="#">Manage Products</a></li>
                    <li><a href="#">Add Product</a></li>
                    <li>
                        <a href="#" class="childs">Sales</a>
                        <ul>
                            <li><a href="">Today</a></li>
                            <li class="last"><a href="">Yesterday</a></li>
                        </ul>
                    </li>
                    <li class="last">
                        <a href="#" class="childs">Offers</a>
                        <ul>
                            <li><a href="">Coupon Codes</a></li>
                            <li class="last"><a href="">Rebates</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" title="Events"><span class="icon"><img src="${resource(dir:'/')}resources/images/icons/calendar.png" alt="Events" /></span><span>Events</span></a>
                <ul>
                    <li><a href="#">Manage Events</a></li>
                    <li class="last"><a href="#">New Event</a></li>
                </ul>
            </li>
            <li>
                <a href="" title="Pages"><span class="icon"><img src="${resource(dir:'/')}resources/images/icons/page_white_copy.png" alt="Pages" /></span><span>Pages</span></a>
                <ul>
                    <li><a href="#">Manage Pages</a></li>
                    <li><a href="#">New Page</a></li>
                    <li class="last">
                        <a href="#" class="childs">Help</a>
                        <ul>
                            <li><a href="#">How to Add a New Page</a></li>
                            <li class="last"><a href="#">How to Add a New Page</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" title="Links"><span class="icon"><img src="${resource(dir:'/')}resources/images/icons/world_link.png" alt="Links" /></span><span>Links</span></a>
                <ul>
                    <li><a href="#">Manage Links</a></li>
                    <li class="last"><a href="#">Add Link</a></li>
                </ul>
            </li>
            <li>
                <a href="" title="Settings"><span class="icon"><img src="${resource(dir:'/')}resources/images/icons/cog.png" alt="Settings" /></span><span>Settings</span></a>
                <ul>
                    <li><a href="#">Manage Settings</a></li>
                    <li class="last"><a href="#">New Setting</a></li>
                </ul>
            </li>
        </ul>
        <!-- end quick -->
        <div class="corner tl"></div>
        <div class="corner tr"></div>
    </div>
</div>